/* 
    Document   : layout
    Created on : Aug 1, 2012, 11:08:08 PM
    Author     : Truong
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
    padding: 0;
    margin: 0;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

.clear {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.justify {
    text-align: justify;
}

.small-text, .small-text * {
    font-size: 11px;
    line-height: 18px;
}

.margin-0_6_10_0 {
    margin: 0 6px 10px 0;
}
.margin-0_0_10_0 {
    margin: 0 0 10px 0;
}


.margin-5_5_5_5 {
    margin: 5px 5px 5px 5px;
}

.margin-top_5 {
    margin-top: 5px;
}

.padding-left_10 {
    padding-left: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.container {
    margin: 0 auto;
}

.wp100 {
    width: 100%;
}

.hp100 {
    height: 100%;
}

.w32 {
    width: 32px;
}

.w50 {
    width: 50px;
}

.w172 {
    width: 172px;
}

.w182 {
    width: 182px;
}

.w188 {
    width: 188px;
}

.w190 {
    width: 190px;
}

.w221 {
    width: 221px;
}

.w231 {
    width: 231px;
}

.w235 {
    width: 235px;
}

.w245 {
    width: 245px;
}

.w444 {
    width: 444px;
}

.w450 {
    width: 450px;
}

.w720 {
    width: 720px;
}

.w752 {
    width: 752px;
}

.w760 {
    width: 760px;
}

.w950 {
    width: 950px;
}

.h25 {
    height: 25px;
}

.h32 {
    height: 32px;
}

.h37 {
    height: 37px;
}

.h45 {
    height: 45px;
}

.h47 {
    height: 47px;
}

.h100 {
    height: 100px;
}

.h110 {
    height: 110px;
}

.h130 {
    height: 130px;
}

.h177 {
    height: 177px;
}

.h190 {
    height: 190px;
}

.h340 {
    height: 340px;
}

.h370 {
    height: 370px;
}

.h379 {
    height: 379px;
}

.h529 {
    height: 529px;
}

.hp100 {
    height: 100%;
}

.text-indent_10 {
    text-indent: 10px;
}

#page-container {
    width: 982px;
}

.languages {
    margin: 5px 10px 0 0;
}

.languages li {
    float: left;
}

#header .container {
    width: 982px;
    height: 110px;
    position: relative;
}

#header .h-menu {
    bottom: 40px;
    left: 254px;
    position: relative;
}

#header .h-menu li {
    float: left;
    margin-right: 5px;
    width: 110px;
    height: 100%;
}

#header .h-menu li a {
    padding: 10px;
    width: 90px;
    float: left;
    margin-top: 12px;
}

#header .h-menu li.hover a {
    margin-top: 2px;
}

#content {
    width: 952px;
    margin: 0 auto 10px auto;
    padding: 15px 15px 20px 15px;
    border-width: 1px;
    box-sizing: border-box;
    min-height: 400px;
}

#body .box, #sidebar .box {
    border-width: 1px;
    box-sizing: border-box;
}

#body .box .view-more{
    float: right;
    margin: 5px;
}



#hot-news .list-news {
    margin: 0px 10px;
    text-align: left;
}

#hot-news .list-news li {
    border-bottom: 1px dotted;
    padding: 10px 0px; 
}

#hot-news .list-news li:last-child {
    border-bottom: 0px;
}

#hot-news .list-news li .date {
    font-style: italic;
    margin: 5px 0px 0px 0px;
}

#body .box .content{
}

#body .zero-border {
    border-width: 0px;
}

#sidebar {
}

#footer .h-menu {
    margin-top: 20px;
}

#footer .h-menu li {
    margin: 0 3px;
    float: left;
}

#footer .copyright {
    margin-top: 20px;
}
